html,
body,
#app,
.el-container {
  height: 100%; }

#map {
  top: 4rem;
  z-index: 1; }

.el-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem !important;
  z-index: 99; }

.el-header .map_nav {
  position: relative; }

.el-switch {
  height: 1.44rem;
  line-height: 1.44rem; }
  .el-switch .el-switch__core {
    width: 3.61rem !important;
    height: 1.44rem !important;
    -webkit-border-radius: 1.44rem;
    border-radius: 1.44rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .el-switch .el-switch__core:before {
    content: 'OFF';
    color: #fff;
    font-size: 0.67rem;
    margin-right: 0.65rem; }
  .el-switch .el-switch__core:after {
    width: 1.11rem;
    height: 1.11rem;
    top: 0.1rem; }

.el-switch.is-checked .el-switch__core::after {
  margin-left: -1.2rem; }

.el-switch.is-checked .el-switch__core {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.el-switch.is-checked .el-switch__core:before {
  content: 'ON';
  color: #fff;
  font-size: 0.67rem;
  margin-left: 0.7rem; }

.navfloatbox {
  position: absolute;
  top: 4rem;
  left: 0;
  width: 24.44rem;
  height: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0; }
  .navfloatbox .tit {
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center; }
    .navfloatbox .tit h2 {
      color: #fff;
      font-size: 1rem; }
  .navfloatbox .setting-main {
    width: 98%;
    height: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
    overflow: hidden;
    background-color: #fff; }
    .navfloatbox .setting-main .el-tabs--card > .el-tabs__header {
      display: block!important;
    }
    .navfloatbox .setting-main .el-tabs--card > .el-tabs__header .el-tabs__nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .navfloatbox .setting-main .el-tabs--card > .el-tabs__header .el-tabs__nav .el-tabs__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 2.17rem;
        line-height: 2.17rem;
        font-size: 0.8rem;
        color: #000000; }
    .navfloatbox .setting-main .sourcelist {
      height: 2.2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 0.7rem; }
      .navfloatbox .setting-main .sourcelist span {
        font-size: 0.89rem;
        color: #000000; }
    .navfloatbox .setting-main .baseinfo .infolist {
      height: 2.2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 0.7rem; }
      .navfloatbox .setting-main .baseinfo .infolist span {
        font-size: 0.89rem;
        color: #000000; }
      .navfloatbox .setting-main .baseinfo .infolist .el-select {
        width: 69%; }
        .navfloatbox .setting-main .baseinfo .infolist .el-select .el-input {
          font-size: 0.78rem; }
          .navfloatbox .setting-main .baseinfo .infolist .el-select .el-input .el-input__inner {
            height: 1.67rem;
            line-height: 1.67rem; }
          .navfloatbox .setting-main .baseinfo .infolist .el-select .el-input .el-select__caret {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
      .navfloatbox .setting-main .baseinfo .infolist .el-slider {
        width: 68%; }
        .navfloatbox .setting-main .baseinfo .infolist .el-slider .el-slider__button {
          border-color: #062e4d;
          background-color: #062e4d; }
        .navfloatbox .setting-main .baseinfo .infolist .el-slider .el-slider__bar {
          background-color: #062e4d; }
 .navfloatbox .setting-main .baseinfo .infolist .el-radio .el-radio__input.is-checked .el-radio__inner{
    background-color: #062e4d;
    border-color: #062e4d;
 }
.navfloatbox.show {
  height: 24.89rem;
  opacity: 1; }

.el-header .userInfo .avatar-name span.date {
  margin-right: 0.5rem; }

.left_div .el-menu .el-submenu__title span.totalnum {
  min-width: 1.44rem;
  text-align: center; }

.el-tabs__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .el-tabs__nav .el-tabs__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.right_div .right_nav .el-switch {
  width: 100%;
  height: 2rem; }

.right_div .right_nav .el-switch__core {
  right: 0; }

.setMap .setMapTitle {
  cursor: pointer; }

.setMap .setMapTitle span {
  font-size: 0.67rem; }

.setMap .setMapContent .contents {
  cursor: pointer; }

.setMap .setMapTitle .triangle_border_down {
  margin-top: 0.7rem; }

.setMap .setMapContent .contents span {
  font-size: 0.67rem; }

/* .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  margin-right: 0;
  width: 3.78rem !important;
  height: 3.78rem !important;
  margin-top: 0.3rem;
  background-color: rgba(0, 0, 0, 0.6) !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 0; }

.leaflet-touch .leaflet-bar a {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem; }

.leaflet-touch .leaflet-bar a:first-child {
  margin-bottom: 0.35rem; } */

.leaflet-top {
  top: 23.7rem;
  right: 4rem;
  display: block;
  /* top: auto;
  bottom: 3rem;  */
}

.leaflet-top_1{
  display: none;
}

.leaflet-control-draw-measure {
  width: 100% !important;
  height: 100% !important;
  /* content: "\e63c";
  color: #fff;
  font-size:1.5rem; */
  background-color: transparent !important;
  background-image: url(../images/gongju.png);
} 
.rightFloatbox-mapcenter {
  /* position: fixed; */
  bottom: 6.8rem!important;
  top: auto;
  right: 0;
  z-index: 88;
  width: 3.78rem;
 
  }
  .rightFloatbox-mapcenter div {
    width: 3.78rem;
    height: 3.78rem;
    margin-bottom:0.33rem;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
  }
  .rightFloatbox-mapcenter div a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60%;
    font-size:2rem;
    color:#fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
  }
  .rightFloatbox-mapcenter div span {
    color: #fff;
    font-size: 0.8rem;
  }
  .rightFloatbox-mapcenter a{
    
    /* background: url(../images/mapcenter.png) center center no-repeat;  */
  }
  .rightFloatbox-mapcenter a:nth-child(2){
    /* background: url(../images/mapcenter.png) center center no-repeat;  */
  }
  .rightFloatbox-mapcenter a:nth-child(3){
    /* background: url(../images/mapcenter.png) center center no-repeat;  */
  }
.weather_div.active {
  background-color: #000; }

.intelligence_div.active {
  background-color: #000; }

.message_div.active {
  background-color: #000; }

